.animation0 {
    animation: rightToLeft 1.5s;
  }
  .animation1 {
    animation: downToUp 1.5s;
  }
  .animation2 {
    animation: leftToRight 1.5s;
  }
  .animation3 {
    animation: upToDown 1.5s;
  }
  @keyframes upToDown {
    0% {
      opacity: 1;
      transform: translateY(0);
    }

    100% {
      opacity: 0;
      transform: translateY(100px);
    }
  }
  @keyframes downToUp {
    0% {
      opacity: 1;
      transform: translateY(0);
    }

    100% {
      opacity: 0;
      transform: translateY(-100px);
    }
  }

  @keyframes rightToLeft {
    0% {
      opacity: 1;
      transform: translateX(0);
    }

    100% {
      opacity: 0;
      transform: translateX(-100px);
    }
  }

  @keyframes leftToRight {
    0% {
      opacity: 1;
      transform: translateX(0);
    }

    100% {
      opacity: 0;
      transform: translateX(100px);
    }
  }

  .isHide {
    display: none;
  }

  body {
    overflow-y: hidden;
    background-image: url("./img/123.gif");
  }

  #app {
    padding-bottom:30%;
    width: 100%;
    text-align: center;
  }
  .arrowsContainer {
    height: 150px;
    margin: 50px;
    background-color: rgb(119,152,246,0.4);
    border-radius: 20px 0;
    border: dotted #000;
  }
  .imgContainer {
    width: 108px;
    line-height:150px;
    margin: 0 30px;
    display:inline-block;
  }
  .imgContainer img {
    size: auto;
    text-align: center;
    vertical-align: middle;
  }
  .red {
    background-color: red;
  }
  .green {
    background-color: rgb(15, 95, 15);
  }


  /* footer */
  footer{
    width: 70%;
    height: 200px;
    position: relative;
    margin: -100px auto 0;
    text-align: center;

  }

  .footer-text{
    vertical-align: middle;
    padding: 30px;
    border-radius: 15px;
    background-color: rgb(93,172,246,0.3);
    font-weight: bold;
    font-size: 1.25rem;
    color: #e3491a;
    font-family: monospace;
    animation:textAnimation 1s;
    animation-iteration-count: infinite;
}

@keyframes textAnimation{
  0%{
    color: red;
  }
  33%{
    color:yellow;
  }
  66%{
    color: blue;
  }
  99%{
    color: green;
  }

}
